import React from "react";
import "./App.css";
import Headers from "./page/Header";
import Main from "./page/Main";
import Footer  from "./page/Footer";

function App() {
  return (
    <div className="flex flex-col min-h-screen">
      <Headers />
      <main className="overflow-y-auto flex-1 p-4 bg-neutral-100">
        <div style={{ height: "60%" }}>
          <Main></Main>
        </div>
      </main>
      <div className="bg-lime-200">
        <Footer />
      </div>
    </div>
  );
}

export default App;
